@font-face {
  font-family: 'FontAwesome';
  src: url('/static/fonts/fontawesome-webfont.woff2') format('woff2'),
       url('/static/fonts/fontawesome-webfont.woff') format('woff'),
       url('/static/fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* 常用图标定义 */
/* 底部导航栏图标 */
.fa-check-circle:before {
  content: "\f058";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-user:before {
  content: "\f007";
}

/* 作业打卡页面图标 */
.fa-clock-o:before {
  content: "\f017";
}
.fa-star:before {
  content: "\f005";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-circle-o:before {
  content: "\f10c";
}

/* 我的页面图标 */
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-edit:before {
  content: "\f044";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-history:before {
  content: "\f1da";
}
.fa-cog:before,
.fa-gear:before {
  content: "\f013";
}

/* 其他常用图标 */
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
/* 备注/评论图标 */
.fa-comment:before {
  content: "\f075";
}
/* 小喇叭朗读按钮图标 */
.fa-bullhorn:before {
  content: "\f0a1";
}
/* 筛选与排序图标 */
.fa-filter:before {
  content: "\f0b0";
}
.fa-sort:before {
  content: "\f0dc";
}
/* 改为使用Font Awesome 4.7.0中可用的金币图标 */
/* 小心愿页面编辑图标旁边的金币数图标 */
.fa-coins:before {
  content: "\f0d6";
}

/* 编辑心愿页面中所需金币输入框左侧的图标 - 隐藏 */
#edit-wish-cost + i.fa-coins,
#edit-wish-cost ~ i.fa-coins {
  display: none;
}
.fa-save:before {
  content: "\f0c7";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-folder-plus:before {
  content: "\f65e";
}
.fa-folder-minus:before {
  content: "\f65d";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-play:before {
  content: "\f04b";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-upload:before {
  content: "\f093";
}
.fa-home:before {
  content: "\f015";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-plus:before {
  content: "\f067";
}
.fa-book:before {
  content: "\f02d";
}
.fa-check:before {
  content: "\f00c";
}
.fa-times:before {
  content: "\f00d";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-search:before {
  content: "\f002";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}

/* TTS settings button - speaker icon */
.fa-volume-up:before {
  content: "\f028";
}